---
title: Wdróż swoją stronę Astro
description: Jak wdrożyć własną stronę Astro w sieci.
i18nReady: true
---

import DeployGuidesNav from '~/components/DeployGuidesNav.astro';
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
import { Steps } from '@astrojs/starlight/components'

**Gotowy, aby zbudować i wdrożyć swoją stronę Astro?** Przejdź do jednego z naszych poradników dla różnych serwisów wdrażania albo przewiń stronę w dół do ogólnej instrukcji wdrażania projektu Astro.

## Przewodniki Wdrażania

<DeployGuidesNav />

## Szybkie Opcje Wdrożenia

Możesz zbudować i wdrożyć stronę Astro na wiele hostów szybko, używając albo interfejsu użytkownika na stronie internetowej albo CLI.

### Interfejs Witryny

Szybkim sposobem na wdrożenie Twojej strony jest podłączenie repozytorium Git Twojego projektu Astro (np. GitHub, GitLab, Bitbucket) do dostawcy hostingu i skorzystanie z ciągłego wdrażania za pomocą Git.

Takie hosty automatycznie wykrywają zmiany w repozytorium źródłowym Twojego projektu Astro, budują Twoją stronę i wdrażają ją w sieci pod unikalnym adresem URL lub domeną. Często konfiguracja wdrożenia na tych platformach będzie wyglądać mniej więcej tak:

<Steps>
1. Dodaj swoje repozytorium do strony zarządzania Git'em (np. GitHub, GitLab, Bitbucket)

2. Wybierz hosta wspierającego **ciągłe wdrażanie** (np. [Netlify](/pl/guides/deploy/netlify/) lub [Vercel](/pl/guides/deploy/vercel/)) i zaimportuj swoje repozytorium jako nowa strona/projekt.

    Wiele popularnych hostów rozpozna Twój projekt jako stronę Astro i powinny wybrać odpowiednie ustawienia konfiguracyjne do budowania i wdrażania Twojej strony, jak pokazano poniżej. (Jeśli nie, te ustawienia można zmienić.)

    :::note[Ustawienia wdrażania]
    - **Komenda budowania:** `astro build` lub `npm run build`
    - **Opublikuj folder:** `dist`
    :::

3. Kliknij "Wdróż" i Twoja nowa strona zostanie utworzona pod unikalnym adresem URL dla tego hosta (np. `nowa-strona-astro.netlify.app`).
</Steps>

Host zostanie automatycznie skonfigurowany, aby obserwować główną gałąź Twojego dostawcy Git'a pod kątem zmian, i aby przebudowywać i publikować Twoją stronę przy każdym nowym commicie. Te ustawienia zazwyczaj można skonfigurować w panelu sterowania dostawcy hostingu.

### Wdrożenie za pomocą CLI

Niektóre hosty będą miały własny interfejs wiersza poleceń (CLI), który można zainstalować globalnie na swoim komputerze za pomocą narzędzia npm. Często korzystanie z CLI do wdrożenia wygląda mniej więcej tak:

<Steps>
1. Zainstaluj CLI Twojego hosta globalnie, na przykład:

    <PackageManagerTabs>
        <Fragment slot="npm">
        ```shell
        npm install --global netlify-cli
        ```
        </Fragment>
        <Fragment slot="pnpm">
        ```shell
        pnpm add --global netlify-cli
        ```
        </Fragment>
        <Fragment slot="yarn">
        ```shell
        yarn global add netlify-cli
        ```
        </Fragment>
    </PackageManagerTabs>

2. Uruchom CLI i postępuj zgodnie z instrukcjami dotyczącymi autoryzacji, konfiguracji itp.

3. Zbuduj stronę i wdroż ją do hosta

    Wiele popularnych hostów rozpozna Twój projekt jako stronę Astro i powinny wybrać odpowiednie ustawienia konfiguracyjne do budowania i wdrażania Twojej strony, jak pokazano poniżej. (Jeśli nie, te ustawienia można zmienić.)

    :::note[Ustawienia wdrażania]
    - **Komenda budowania:** `astro build` lub `npm run build`
    - **Opublikuj folder:** `dist`
    :::


    Inne hosty wymagają [zbudowania strony lokalnie](#zbuduj-stronę-lokalnie) i wdrożenia jej za pomocą wiersza poleceń.
</Steps>

## Zbuduj Stronę Lokalnie

Wiele hostów, takich jak Netlify i Vercel, zbudują Twoją stronę za Ciebie, a następnie opublikują wynik budowy w sieci. Jednak niektóre strony wymagają zbudowania lokalnie, a następnie uruchomienia polecenia wdrożenia lub przesłania wyniku budowy.

Możesz również chcieć zbudować stronę lokalnie, aby zobaczyć podgląd swojej strony, lub aby wyłapać potencjalne błędy i ostrzeżenia w swoim własnym środowisku.

Uruchom komendę `npm run build` aby zbudować swoją stronę Astro.

<PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npm run build
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm run build
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn run build
      ```
      </Fragment>
  </PackageManagerTabs>

Domyślnie wynik budowy zostanie umieszczony w `dist/`. To miejsce można zmienić za pomocą opcji konfiguracyjnej [`outDir`](/pl/reference/configuration-reference/#outdir).

## Dodawanie Adaptera dla SSR

:::note
Przed wdrożeniem swojej strony Astro z włączonym [SSR (renderowaniem po stronie serwera)](/pl/guides/on-demand-rendering/), upewnij się, że:

- Zainstalowałeś [odpowiedni adapter](/pl/guides/on-demand-rendering/) do zależności projektu (ręcznie lub za pomocą polecenia adaptera `astro add`, np. `npx astro add netlify`).
- [Dodałeś adapter](/pl/reference/configuration-reference/#integrations) do importu i domyślnego eksportu pliku `astro.config.mjs` gdy instalujesz ręcznie. (Komenda `astro add` zajmie się tym krokiem za Ciebie!)
:::
